ionic卡片近年来卡片(card)的应用越来越流行，卡片提供了一个更好组织信息展示的工具。针对移动端的应用，卡片会根据屏幕大小自适应大小。我们可以很灵活的控制卡片的显示效果，甚至实现动画效果。卡片一般放在页面顶部，当然也可以实现左右切换的功能。基本卡片，包含了文本信息。尝试一下»卡片(card)默认样式带有box-shadow(阴影)，由于性能的原因，和他类似的元素像listlist-inset并没有阴影。如果你有很多的卡片，每个卡片都有很多子元素，建议使用内嵌列表（insetlist）。卡片的头部与底部我们可以通过添加item-divider类为卡片添加头部与底部：卡片头部！基本卡片，包含
ionic卡片近年来卡片(card)的应用越来越流行，卡片提供了一个更好组织信息展示的工具。针对移动端的应用，卡片会根据屏幕大小自适应大小。我们可以很灵活的控制卡片的显示效果，甚至实现动画效果。卡片一般放在页面顶部，当然也可以实现左右切换的功能。基本卡片，包含了文本信息。尝试一下»卡片(card)默认样式带有box-shadow(阴影)，由于性能的原因，和他类似的元素像listlist-inset并没有阴影。如果你有很多的卡片，每个卡片都有很多子元素，建议使用内嵌列表（insetlist）。卡片的头部与底部我们可以通过添加item-divider类为卡片添加头部与底部：卡片头部！基本卡片，包含
ionic列表列表是一个应用广泛的界面元素，在所有移动app中几乎都会使用到。列表可以是基本文字、按钮，开关，图标和缩略图等。列表项可以是任何的HTML元素。容器元素需要list类，每个列表项需要使用item类。ionList和ionItem可以很容易的支持各种交互方式，比如，滑动编辑，拖动排序，以及删除项。基本用法:...尝试一下»列表分隔符我们可以使用item-divider类来为列表创建分隔符，默认情况下，列表项以不同的背景颜色和字体加粗来区分，但你也可以很容易的定制他。CandyBarsButterfinger...尝试一下»带图标列表我们可以在列表项的左侧或右侧指定图标。使用item
ionic列表列表是一个应用广泛的界面元素，在所有移动app中几乎都会使用到。列表可以是基本文字、按钮，开关，图标和缩略图等。列表项可以是任何的HTML元素。容器元素需要list类，每个列表项需要使用item类。ionList和ionItem可以很容易的支持各种交互方式，比如，滑动编辑，拖动排序，以及删除项。基本用法:...尝试一下»列表分隔符我们可以使用item-divider类来为列表创建分隔符，默认情况下，列表项以不同的背景颜色和字体加粗来区分，但你也可以很容易的定制他。CandyBarsButterfinger...尝试一下»带图标列表我们可以在列表项的左侧或右侧指定图标。使用item
ionic按钮按钮是移动app不可或缺的一部分，不同风格的app，需要的不同按钮的样式。默认情况下，按钮显示样式为：display:inline-block。Defaultbutton-lightbutton-stablebutton-positivebutton-calmbutton-balancedbutton-energizedbutton-assertivebutton-royalbutton-dark尝试一下»button-block样式按钮显示为：display:block，它将完全填充父元素的宽度，包含了内边距属性padding。BlockButton尝试一下»使用button-
ionic按钮按钮是移动app不可或缺的一部分，不同风格的app，需要的不同按钮的样式。默认情况下，按钮显示样式为：display:inline-block。Defaultbutton-lightbutton-stablebutton-positivebutton-calmbutton-balancedbutton-energizedbutton-assertivebutton-royalbutton-dark尝试一下»button-block样式按钮显示为：display:block，它将完全填充父元素的宽度，包含了内边距属性padding。BlockButton尝试一下»使用button-
ionic头部与底部Header(头部)Header是固定在屏幕顶部的组件,可以包如标题和左右的功能按钮。ionic默认提供了许多种颜色样式，你可以调用不同的样式名，当然也可以自定义一个。bar-lightbar-light尝试一下»bar-stablebar-stable尝试一下»bar-positivebar-positive尝试一下»bar-calmbar-calm尝试一下»bar-balancedbar-balanced尝试一下»bar-energizedbar-energized尝试一下»bar-assertivebar-assertive尝试一下»bar-royalbar-roya
ionic头部与底部Header(头部)Header是固定在屏幕顶部的组件,可以包如标题和左右的功能按钮。ionic默认提供了许多种颜色样式，你可以调用不同的样式名，当然也可以自定义一个。bar-lightbar-light尝试一下»bar-stablebar-stable尝试一下»bar-positivebar-positive尝试一下»bar-calmbar-calm尝试一下»bar-balancedbar-balanced尝试一下»bar-energizedbar-energized尝试一下»bar-assertivebar-assertive尝试一下»bar-royalbar-roya
ionic创建APP前面的章节中我们已经学会了ionic框架如何导入到项目中。接下来我们将为大家介绍如何创建一个ionicAPP应用。ionic创建APP使用HTML、CSS和Javascript来构建，所以我们可以创建一个www目录，并在目录下创建index.html文件，代码如下：Todo以上代码中，我们引入了IonicCSS文件、IonicJS文件及IonicAngularJS扩展ionic.bundle.js（ionic.bundle.js）。ionic.bundle.js文件已经包含了Ionic核心JS、AngularJS、Ionic的AngularJS扩展，如果你需要引入其他Ang
ionic创建APP前面的章节中我们已经学会了ionic框架如何导入到项目中。接下来我们将为大家介绍如何创建一个ionicAPP应用。ionic创建APP使用HTML、CSS和Javascript来构建，所以我们可以创建一个www目录，并在目录下创建index.html文件，代码如下：Todo以上代码中，我们引入了IonicCSS文件、IonicJS文件及IonicAngularJS扩展ionic.bundle.js（ionic.bundle.js）。ionic.bundle.js文件已经包含了Ionic核心JS、AngularJS、Ionic的AngularJS扩展，如果你需要引入其他Ang
